.global {
  width: 100%;
  position: absolute;
  background: #F4F5F9;
}
.swiper-container {
  width: 100%;
  height: 466rpx;
}
.swiper-container .slide-image {
  width: 100%;
  height: 466rpx;
}
.info {
  background: #fff;
}
.info .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20rpx 40rpx 10rpx 40rpx;
  border-bottom: 2rpx solid #F3F3F3;
}
.info .top .left .left-top {
  font-family: PingFangSC-Medium;
  font-size: 40rpx;
  color: #333333;
}
.info .top .left .left-top image {
  width: 50rpx;
  height: 52rpx;
  margin-right: 20rpx;
  vertical-align: middle;
}
.info .top .left .left-bottom {
  font-family: PingFangSC-Regular;
  font-size: 26rpx;
  color: #999999;
}
.info .top .right image {
  width: 40rpx;
  height: 40rpx;
}
.info .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10rpx 40rpx;
}
.info .bottom .left {
  font-family: PingFangSC-Regular;
  font-size: 28rpx;
  color: #999999;
}
.booking {
  background: #fff;
  margin-top: 20rpx;
}
.booking .top {
  height:92rpx;
  padding:0 10rpx;
  display: flex;
  align-items: center;
}
.booking .top .date {
  width: 35%;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #4A4A4A;
}
.booking .top .picker {
  width: 30%;
  font-family: PingFangSC-Regular;
  font-size: 28rpx;
  color: #4A4A4A;
  text-align: center;
}
.booking .top .active {
  width: 35%;
  font-family: PingFangSC-Medium;
  font-size: 28rpx;
  color: #4A90E2;
}
.booking .top .date-active {
  width: 30%;
  font-family: PingFangSC-Medium;
  font-size: 28rpx;
  color: #4A90E2;
  text-align: center;
}
.booking .middle {
  height: 78rpx;
  white-space: nowrap;
}
.booking .middle .time {
  display: inline-block;
  width: 202rpx;
  height: 74rpx;
  margin-right: 20rpx;
  line-height: 74rpx;
  text-align: center;
  background: #fff;
  border: 2rpx solid #0067FF;
  border-radius: 8rpx;
  font-family: PingFangSC-Medium;
  font-size: 24rpx;
  color:#0067FF;
}
.booking .middle .time-active {
  display: inline-block;
  width: 202rpx;
  height: 74rpx;
  margin-right: 20rpx;
  line-height: 74rpx;
  text-align: center;
  border-radius: 8rpx;
  font-family: PingFangSC-Medium;
  font-size: 24rpx;
  color: #0067FF;
  background: #E5EFFF;
  border: 2rpx solid #0067FF;
}
.booking .middle .disable {
  display: inline-block;
  width: 202rpx;
  height: 74rpx;
  margin-right: 20rpx;
  line-height: 74rpx;
  text-align: center;
  border-radius: 8rpx;
  font-family: PingFangSC-Medium;
  font-size: 24rpx;
  color: #666666;
  background: #FFEEEE;
  border: 2rpx solid #FE7478;
}
.booking .bottom {
  width: 100%;
  height: 170rpx;
  padding: 20rpx 0;
}
.booking .bottom .section {
  display: flex;
  justify-content: space-between;
  padding: 0 20rpx;
  height: 60rpx;
  line-height: 60rpx;
  font-family: PingFangSC-Medium;
  font-size: 24rpx;
  color: #4A4A4A;
}
.booking .bottom .section .period {
  display: flex;
  align-items: center;
}
.booking .bottom .section .icon-clock {
  width: 36rpx;
  height: 36rpx;
  margin-right: 10rpx;
  display: inline-block;
  vertical-align: middle;
}
.booking .bottom .section .original {
  font-family: PingFangSC-Regular;
  font-size: 20rpx;
  color: #999999;
  text-decoration: line-through;
}
.booking .bottom .section .price {
  color: #D84646;
}
.booking .btn {
  width: 90%;
  height: 80rpx;
  line-height: 80rpx;
  margin: 0 auto;
  font-family: PingFangSC-Medium;
  font-size: 28rpx;
  color: #FFFFFF;
  background: #0067FF;
  text-align: center;
  border-radius: 8rpx;
}
